<template>
  <div>
    <van-nav-bar left-arrow>
      <template #left>
        <van-icon name="arrow-left" @click="$router.back()" />
      </template>
    </van-nav-bar>
    <div class="ph">
      <van-image
        round
        width="5rem"
        height="5rem"
        :src="require('@/assets/平安出行/timg.jpg')"
      />
    </div>
    <div class="carinfo">
      <h3>基本信息</h3>
      <p>姓名：<input type="text"></p><hr>
      <p>身份证号：<input type="text"></p><hr>
      <p>联系电话：<input type="text"></p><hr>
      <p>初次领取驾照日期：<input type="date"></p><hr>
      <h3>车辆信息</h3>
      <p>品牌：<input type="text"></p><hr>
      <p>型号：<input type="text"></p><hr>
      <p>购车年份：<input type="date"></p><hr>
      <p>车牌号：<input type="text"></p><hr>
      <h3>
        车辆照片
        <img
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2568894691,2541111696&fm=26&gp=0.jpg"
          alt=""
        />
      </h3>
      <p>车辆所有人：<input type="text"></p><hr>
      <p>车辆注册时间：<input type="date"></p><hr>
    </div>
    <div class="bt">
      <button>填 写 完 成</button>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.ph {
  text-align: center;
  padding: 10px 0;
}
.carinfo {
  margin: 15px;
}
p{
  margin: 5px 0;
  color: gray;
  padding: 0;
}
input{
  border: none;
  
};
h3 {
  color: cornflowerblue;
  margin: 15px 0;
}
img {
  width: 100%;
}
.bt {
  text-align: center;
  color: white;
  font-size: 20px;
  margin: 25px 0 30px 0;
}
button {
  width: 80%;
  height: 35px;
  background: cornflowerblue;
  border: cornflowerblue;
  border-radius: 10px;
}
</style>
